/* 公共css */
body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
input,a,div{
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wh1600 {
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1800px) {
    .wh1600 {
        margin: 0 5% !important;
    }
}



.pub_banner{
    display: block;
    min-height: 200px;
}
.mi_pub_banner{
    display: none;
    margin-top: 18vw;
}
.fs48{
    font-size: 48px;
}
.fs36{
    font-size: 36px;
}
.fs30{
    font-size: 30px;
}
.fs24{
    font-size: 24px;
}
.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}




.syflex{
    position: absolute;
    z-index: 9999;
}


.head {
    width: 100%;
    transition: all 0.5s;
    background-color: transparent;
    padding: 2% 0;
    position: absolute;
    z-index: 9;
}
.head_logo{
    float: left;
    width: 34%;
}
.head_lxdh{
    float: right;
    color: #333333;
    position: absolute;
    right: 0;
    height: 100%;
    line-height: 1.8;
    top: -20%;

}
.head_lxdh .hlda{
    width: 100%;
    padding-left: 2.5vw;
    font-weight: bold;
    letter-spacing: 1px;
}

.head_lxdh .hlda:nth-of-type(1){
    background: url(../image/head_lxdh1.png)no-repeat left 70%;
    background-size: 7.4%;
}
.head_lxdh .hlda:nth-of-type(2){
    background: url(../image/head_lxdh2.png)no-repeat left 70%;
    background-size: 7.4%;
}
.head_lxdh .hldb{
    font-weight: bold;
}
.header_nav{
    position: relative;
    /*padding: 1% 0;*/
    width: 100%;
}
.header_nnav{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:0;
    align-items: center;
}
.header_nav .ny_logo{
    width: 24.5%;
    float: left;
    padding: 1% 0;
    display: flex;
    align-items: center;
}
.header_nav .ny_logo img{
    vertical-align: baseline;
}

.head_menu_list{
    background-color: rgba(0,0,0,.4);
    margin-top: -13vh;
    z-index: 10;
    position: relative;
}
.head_menu_list.headfixed{
    width: 100%;
    position: fixed;
    margin: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.7);
    transition: all .5s;
}
.head_menu{

}
.head_menu2{
    width: 75.5%;
    display: flex;
    position: relative;
    float: right;
    align-content: center;
    align-items: center;
}
.head_menu2 .ul80{
    width: 100%;
    display: block;
    padding-left: 6%;
}
.head_menu2 .nav_li{
    float: left;
    display: inline-block;
    transition: all .5s;
    text-align: center;
    /*padding: 4.1% 0;*/
    /*width: calc(100%/8);*/
    width:12.5%;
    color: #333333;
}
.head_menu2 .nav_li .nav_a{
    display: inline-block;
    line-height: 6.15;
    /*padding: 33% 0;*/
}
.head_menu2 .nav_li:hover{
    background-color: #0070c2;
    color: white;
}
.head_menu2 .nav_li.on{
    background-color: #0070c2;
    color: white;
}
.head_menu .CAli{
    display: inline-block;
    /*transition: all 0.2s;*/
    margin: 0;
    width: 9.1%;
    text-align: center;
    float: left;
    cursor: pointer;
    color: #ffffff;
}
.head_menu .CAli:nth-child(1){
    text-align: left;
    position: relative;
    width: 6%;
}
.head_menu .CAli:nth-child(1) img{
    width: 58%;
    /*position: absolute;*/
    /*transform: translate(0,70%);*/
    vertical-align: middle;
}
.head_menu .CAli .CAa{
    width: 100%;
    /*padding: 9% 0;*/
    height: 13vh;
    line-height: 13vh;
    display: block;
}
.head_menu .CAli .fw_line{
    position: relative;
    line-height: 13vh;
    display: flex;
    justify-content: flex-end;
}
.head_menu .CAli .fw_line .search_box{
    bottom: -35%;
    right: 85%;
    height: 30%;
    line-height: 0;
    box-shadow: 0 0 2px 1px #c3c3c3;
}
.head_menu .CAli .fw_line .search_box .sub_key{
    box-shadow: 0 0 2px 0px #0070c2;
}
.head_menu .CAli .fw_line .search_box .kwrd{
    border: none;
}


.head_menu .CAli:last-child{
    width: 21%;
}
.head_menu .CAli .fw_line span{
    display: inline-block;

}
.head_menu .CAli .fw_line .sp1,.head_menu .CAli .fw_line .sp2{
    margin-right: .5vw;
}
.head_menu .CAli .fw_line span:nth-child(2) img{
    width: 80%;
}
.head_menu .CAli .fw_line span img{
    width: 100%;
    vertical-align: middle;
}
.head_menu .CAli:hover .CAa{
    color: #0070c2;
    /*background-color: #ffffff;*/
}
.head_menu .CAli:hover:before{
    /*height: 3px;*/
}
.head_menu .on{
    /*color: #0070c2;*/
    /*background-color: #ffffff;*/
}
.head_menu .CAli.on:hover .CAa{
    color: #0070c2;
    /*background-color: #ffffff;*/
}


.mi_head_all{
    display: none;
}
.mi_head{
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 18vw;
}

.mi_head .logo {
    width: 55%;
    float: left;
    margin: 5% 0 0 5%;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    position: relative;
    right: 0;
    padding: 9% 0;
}
.mi_head .mi_Cal .mmitem{
    position: absolute;
    width: 10vw;
    height: 2px;
    background-color: #0070c2;
    display: block;
    transition: all .3s;
}
.mi_head .mi_Cal .mmitem:nth-of-type(1){
    top: 6vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(2){
    top: 9vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(3){
    width: 6vw;
    top: 12vw;
    margin-left: 4vw;
}
.menuls{
    position: fixed;
    right: 0;
    width: 60%;
    transform: translateX(100%);
    top: 0;
    z-index: 101;
    height: 100%;
    background-color: #ffffff;
    transition: all .3s;
    overflow-y: scroll;
    overflow-x: hidden;
    opacity: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
.menuls .menu_one {
    line-height: 18vw;
    height: 18vw;
    background-color: #0070c2;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 1px;
}
.menuls .menu_one .headclose {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: -15vw;
    top: 5vw;
    display: none;
}

.menuls .menu_two ul {
    width: 100%;
}
.menuls .menu_two ul li {
    line-height: 15vw;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}
.menuls .menu_two ul li>a{
    font-size: 4vw;
    display: block;
    width: 84%;
    padding: 0 10%;
    color: #777;
    transition: color 0.3s ease 0s;
}
.show .mi_head{
    transform: translateX(-60%);
}
.show .logo{
    /*padding: 5% 0;*/
}
.show .menuls{
    opacity: 1;
    transform: translateX(0%);
}
.show .mmitem:nth-child(2n){
    opacity: 0;
}
.show .mmitem:nth-of-type(1) {
    transform: rotate(45deg);
    top: 9vw!important;
}
.show .mmitem:nth-of-type(3) {
    transform: rotate(-45deg);
    width: 10vw!important;
    top: 9vw!important;
    margin-left: 5vw!important;
    right: 5vw!important;
}
.show .headclose{
    display: block!important;
}



.VerticalMenu {
    padding: 0px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.VerticalMenu > div {
    width: 100%;
    float: left;
}
.VerticalMenu .bianse{
    color: #0070c2 !important;
}
.VerticalMenu .sjx{
    position: absolute;
    /* display: block; */
    border-top: 1.5vw solid transparent;
    border-left: 2vw solid #777;
    border-bottom: 1.5vw solid transparent;
    margin: 5.5vw 0.5vw 0;
    right: 9%;
    transform: rotate(0deg);
    transition: transform 0.4s linear;
}
.VerticalMenu .sxjsele{
    color: #0070c2 !important;
    transform: rotate(90deg);
    border-left: 2vw solid #0070c2;
}
.VerticalMenu .span2{
    width: 84%;
    padding: 0 10%;
    height: 15vw;
    overflow: hidden;
    display: inline-block;
    font-size: 4vw;
    color: #777;
}
.VerticalMenu .span2 a {
    max-width: 80%;
    display: inline-block;
}
.VerticalMenu .span2 .arrow{
    display: inline-block;
    text-align: right;
    width: 10%;
    float: right;
}
.VerticalMenu > div > div:first-child {
    font-size: 14px;
    height: 15vw;
    line-height: 15vw;
    border-top: 1px solid #f2f2f2;
}
.VerticalMenu > div > div:first-child:hover {
    color: #0070c2;
}
.VerticalMenu > div > div:first-child > i:last-child {
    line-height: 40px;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}
.VerticalMenu > div > div:last-child {
    width: 100%;
    display: none;
    padding: 0 0vw 0 2vw;
    font-size: 0.8vw;
    color: #777;
}
.VerticalMenu > div > div:last-child > div{
    font-size: 3.5vw;
    height: 12vw;
    line-height: 12vw;
    overflow: hidden;
    padding-left: 9%;
}
.VerticalMenu > div > div:last-child > div:hover{
    color:  #0070c2;
}
/*.VerticalMenu > div:last-child > div:first-child{*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/
.VerticalMenu > div:last-child::after{
    display: block;
    clear: both;
}
.VerticalMenu .cpbs{
    color:  #0070c2!important;
}



.about_banner{
    height: 100vh;
}


/*.foot{
    background-color: #2a2a2a;
    position: relative;
    padding: 3% 0 3%;
    overflow: hidden;
}

.foot_links{
    color: #ffffff;
    margin: 0 0 3% 0;
}
.foot_links .linksa{
    margin: 0 2% 0 0;
}

.foot_logo{
    width: 15%;
    float: left;
    margin: 0 3% 0 0;
}
.foot_logo .foot_logo_img{
    width: 89.585%;
}
.foot_make{
    color: #ffffff;
    line-height: 2;
    padding: 15% 0 0 11%;
}



.foot_list{
    float: left;
    position: relative;
}
.foot_list:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 9vw;
    left: 0;
    top: 25%;
    background-color: #FFFFFF;
}
.foot_list.fly{
    width: 20%;
    padding: 0 0 0 4%;
}
.foot_list.fle{
    width: 14%;
    padding: 0 0 0 4%;
}
.foot_list.fls{
    width: 25%;
    padding: 0 0 0 4%;
}
.foot_list.flf{
    width: 22%;
    padding: 0 0 0 3%;
}

.foot_list:last-child:after{
    display: none;
}

.foot_list .foot_title{
    color: #eeeeee;
    margin-bottom: 35px;
    letter-spacing: 1px;
}
.foot_list .foot_title span{
    color: #0070c2;
    padding-left: 5%;
    letter-spacing: 1px;
    font-weight: bold;
}
.foot_list .foot_ul{
    position: relative;
}
.foot_list .foot_ul li{
    color: #eeeeee;
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2.5;
}
.foot_list .ulli50 li{
    width: 45%;
    margin-right: 5%;
}
.foot_list .ulli100 li{
    width: 90%;
}
.foot_rwm{
    width: 100%;
    float: left;
    padding: 10% 0 0;
}
.foot_rwm .foot_ewm_nr{
    width: 40%;
    margin: 0 10% 0 0;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
}
.foot_rwm .foot_ewm_nr .foot_sys{
    padding: 10% 0 0 0;
}*/
.foot{
    position: relative;
    /*background-color: rgba(238,238,238);*/
    background: #202328;
    padding: 3% 0;
}
.foot_logo{
    float: left;
    width: 15%;
}
.foot_link{
    width: 22%;
    float: left;
    /*margin-left: 10%;*/
    margin-right: 5%;
}
.foot_link .foot_title{
    font-family: "思源黑体 CN Regular";
    /*height: 35px;*/
    line-height: .8;
    /*color: #333;*/
    color: white;
    /*background: url(../image/foot_link.png)no-repeat left;*/
    /*padding-left: 20%;*/
    margin-bottom: 10%;
}
.foot_title .ften{
    font-family: "思源黑体 CN Regular";
    color: #fff;
    padding-left: 40px;
    letter-spacing: 1px;
}
.foot_list{
    width: 100%;
    padding-right: 20%;
}
.fw50{
    width: 50%;
}
.fw100{
    width: 100%;
}
.foot_list li{
    float: left;
    /*color: #333;*/
    color: white;
    /*height: 30px;*/
    line-height: 3.5;
    overflow: hidden;
}
.foot_contact{
    width: 24%;
    float: left;
    margin-right: 0%;
}
.foot_contact .foot_title{
    font-family: "思源黑体 CN Regular";
    /*height: 35px;*/
    line-height: .8;
    /*color: #333;*/
    color: white;
    /*background: url(../image/foot_contact.png)no-repeat left;*/
    /*padding-left: 20%;*/
    margin-bottom: 10%;
}
.foot_follwous{
    width: 19%;
    margin-left: 3%;
    float: left;
    /*text-align: right;*/
}
.foot_follwous .foot_title{
    font-family: "思源黑体 CN Regular";
    /*height: 35px;*/
    line-height: .8;
    /*color: #333333;*/
    color: white;
    /*background: url(../image/foot_follwous.png)no-repeat left;*/
    /*padding-left: 20%;*/
    margin-bottom: 10%;
}
.foot_ewm{
    width: 44%;
    /*padding-left: 12%;*/
    margin-top: 17%;
    /*float: right;*/
}
.copyright{
    background-color: #0070c2;
    color: #ffffff;
    text-align: center;
    padding: 1.75% 0;
}
/*.copyright{
    background-color: #2a2a2a;
    color: #cccccc;
    text-align: center;
    z-index: 99;
    position: relative;
    padding: 0 0 2%;
}
.copyright_all{
    position: relative;
    padding: 2% 0 0;
}
.copyright_all:after{
    content: "";
    position: absolute;
    width: 75%;
    left: 12.5%;
    height: 1px;
    background-color: #ffffff;
    top: 0;
}*/



.bottom-fix{
    background-color: #0070c2;
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.bottom-fix>a>img {
    width: 33.3333%;
    float: left;
    display: block;
    height: 13.5vw;
}




.sy_about{
    background-color: #0070c2;
    line-height: 2;
    padding: 2% 0;
}
.sy_about .dnry{
    color: #ffffff;
    float: left;
    line-height: 1.5;
    margin: 0 1% 0 0;
}
.sy_about .dnre{
    color: #ffffff;
    float: left;
    width: 70%;
}
.sy_about .dnrs{
    color: #ffffff;
    float: right;
    letter-spacing: 1px;
    margin: 1% 0 0 0 ;
}
.sy_about .dnrs{
    font-weight: bold;
}


.public_title{
    padding: 2% 0;
    position: relative;
}

.public_title .ptcn{
    color: #333333;
    margin-bottom: 2%;
    font-weight: 600;
}
.public_title .pten{
    color: #AAAAAA;
    margin-bottom: 2%;
    text-transform:uppercase;
}
.public_title .intro{
    color: #333333;
    margin-bottom: 2%;
}


.public_title .nr_en{
    font-size: 60px;
    color: #ebebeb;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}
.public_title .nr_cn{
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    margin: -50px 0 0 0;
    z-index: 2;
}
.public_title .nr_in{
    margin: 1.2% 0 0 0;
    color: #AAAAAA;
    line-height: 2;
    text-transform: uppercase;
}
.public_title .nr_ins{
    position: absolute;
    right: 0;
    bottom: 20%;
    margin: 1% 0 0 0;
    color: #333333;
    line-height: 2;
    letter-spacing: 1px;
}
.public_title .nr_ins:before{
    position: absolute;
    content: '';
    width: 5px;
    top: 20%;
    height: 60%;
    background-color: #0070c2;
    left: -13%;
}
.public_title .nr_in.yse{
    color: #ffffff;
}
.public_title .nr_in.yss{
    color: #999999;
}
.public_title .nr_en.yse{
    color: #929292;
}
.public_title .nr_cn.ysy{
    color: #0070c2;
}
.public_title .nr_cn.yse{
    color: #ffffff;
}
.public_title .nr_cn .hs{
    color: #333333;
}
.public_title .nr_cn .ls{
    color: #0070c2;
}
/*.public_title .nr_cn:after{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    left: -200px;
    top: 50%;
    background-color: #0070c2;
}*/
/*.public_title .nr_cn:before{
    content: '';
    position: absolute;
    width: 160px;
    height: 1px;
    right: -200px;
    top: 50%;
    background-color: #0070c2;
}*/


.sy_product{
    padding: 2.6% 0 0%;
    background: url("../image/probg.png") no-repeat center;
    background-size: cover;
}

.Pro-section{
    margin: .5% 0 3%;
}
.Pro-section .Pro-lt{
    width: 50%;
    float: left;
}
.Pro-section .Pro-rt{
    width: 50%;
    float: right;
}
.Pro-section .Pro-rt .pro_box{
    width: calc((100% - 3%)/2);
    margin-right: 3%;
    margin-bottom: 3%;
    float: left;
    transition: all .5s;
}
.Pro-section .Pro-rt .pro_box:nth-child(2n){
    margin-right: 0;
}
.Pro-section .Pro-rt .pro_box .pro_img{
    overflow: hidden;
}
.Pro-section .Pro-rt .pro_box .pro_tit{
    line-height: 3.8;
    padding: 0 5%;
    background-color: #434343;
    color: white;
}
.Pro-section .Pro-rt .pro_box:hover .pro_img img{
    transform: scale(1.05);
}
.Pro-section .Pro-rt .pro_box:hover .pro_tit{
    transition: background-color 1s;
}
.Pro-section .Pro-rt .pro_box:hover .pro_tit{
    background-color: #0070c2;
}


.sypro_ca{

}
.sypro_ca ul li{
    width: 19.2%;
    float: left;
    margin: 0 1% 1% 0;
    line-height: 2;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}
.sypro_ca ul li:nth-child(5n){
    margin: 0 0 1% 0;
}
.sypro_ca ul li .wimg{
    width: 100%;
    overflow: hidden;
}
.sypro_ca ul li .wtit{
    width: 100%;
    text-align: center;
    padding: 0 5%;
    position: absolute;
    bottom: 5%;
    letter-spacing: 1px;
    transform: scale(1);
    transition: all 0.5s;
}
.sypro_ca ul li .wcot{
    position: absolute;
    width: 100%;
    padding: 10% 10%;
    background-color: rgba(0,153,204,0.5);
    text-align: center;
    bottom: -100%;
    /*bottom: 0;*/
    transition: all 0.6s;

}
.sypro_ca ul li .wcot .wtits{

}
.sypro_ca ul li .wcot .wints{
    margin: 10% 4%;
    text-align: left;
}
.sypro_ca ul li .wcot .wcks{
    background-color: #FFFFFF;
    color: #0070c2;
    display: inline-block;
    margin: 0 20%;
    width: 60%;
    padding: 1% 0;
    text-align: center;
    letter-spacing: 1px;
}
.sypro_ca ul li:hover .wimg img{
    transform: scale(1.1);
}
.sypro_ca ul li:hover .wtit{
    /*opacity: 0;*/
    transform: scale(0);
}
.sypro_ca ul li:hover .wcot{
    bottom: 0;
}

.sypro_ca ul li.on .wtit{
    transform: scale(0);
}
.sypro_ca ul li.on .wcot{
    bottom: 0;
}





.syrm_title{
    font-size: 46px;
    color: #0070c2;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5% 0 4%;
    width: 100%;
}
.syrm_title .nr_sy{
    display: inline-block;
    width: 25%;
    float: left;
    margin: -1.3% 0 0 0;
}
.syrm_title .flx{
    width: 37.5%;
    border-top: 1px solid #0070c2;
    border-bottom: 1px solid #0070c2;
    padding: 0.2% 0;
    float: left;
}
.syrm_title .frx{
    width: 37.5%;
    border-top: 1px solid #0070c2;
    border-bottom: 1px solid #0070c2;
    padding: 0.2% 0;
    float: right;
}



.syrmpro_item{
    width: 23.125%;
    float: left;
    margin: 0 2.5% 4% 0;
}
.syrmpro_item:nth-child(4n){
    margin: 0 0 4% 0;
}
.syrmpro_item .wimg{
    width: 100%;
    overflow: hidden;
}
.syrmpro_item .wcot{
    background-color: #ffffff;
    color: #333333;
    padding: 5% 5% 10%;
    line-height: 2;
    text-align: center;
    border: 1px solid #cccccc;
    border-top: 0;
    position: relative;
}
.syrmpro_item .wcot .wtit{
    margin: 0 0 2% 0;
    font-weight: bold;

}
.syrmpro_item .wcot .wint{

}
.syrmpro_item .wcot .wjia{
    background-color: #0070c2;
    color: #ffffff;
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    position: absolute;
    bottom: -25px;
    left: 43%;
}
.syrmpro_item:hover .wimg img{
    transform: scale(1.1);
}
.syrmpro_item:hover .wcot{
    background-color: #0070c2;
    color: #ffffff;
}
.syrmpro_item:hover .wcot .wjia{
    background-color: #eeeeee;
    color: #0070c2;
}

.syrmpro_switch{
    text-align: center;
    position: relative;
    width: 100%;
}
.syrmpro_switch .srps{
    padding: 1.5%;
    font-size: 50px;
    display: inline-block;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #eeeeee;
    background-size: cover;
    margin: 0 1%;
    cursor: pointer;
    transition: all 0.1s;
}
.syrmpro_switch .srps:last-child{
    transform:rotate(180deg);
}
.syrmpro_switch .srps:hover{
    background-color: #0070c2;
}

.sy_fangan {
    background: url(../image/sy_fa.jpg) no-repeat center;
    /* height: 209px; */
    line-height: 2;
    padding: 2.25% 0;
    background-size: 100%;
}

.sy_fangan .fa_nry{
    float: left;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 1% 0 0 0;
}
.sy_fangan .fa_nry .nr1{
    font-size: 36px;
    position: relative;
    z-index: 2;
}
.sy_fangan .fa_nry .nr1:after{
    content: '';
    position: absolute;
    width: 30%;
    height: 8px;
    background-color: #0070c2;
    bottom: 7px;
    left: 0;
    z-index: 1;
}
.sy_fangan .fa_nre{
    float: left;
    margin: 1.5% 0 0 30%;

}

.sy_fangan .fa_nre .hlda{
    width: 100%;
    padding-left: 2.5vw;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

.sy_fangan .fa_nre .hlda:nth-of-type(1){
    background: url(../image/sy_fangan1.png)no-repeat left 70%;
    background-size: 7.4%;
}
.sy_fangan .fa_nre .hlda:nth-of-type(2){
    background: url(../image/sy_fangan2.png)no-repeat left 70%;
    background-size: 7.4%;
}
.sy_fangan .fa_nre .hldb{
    font-weight: bold;
}

.sy_fangan .fa_nrs{
    float: right;
    margin: 4% 0 0 0;
    background-color: #ffffff;
    padding: 0.65% 3.5% 0.65% 1.5%;
    border-radius: 30px;
    text-align: left;
    position: relative;
}
.sy_fangan .fa_nrs:after{
    content: '';
    position: absolute;
    padding: 11%;
    border-radius: 50%;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #0070c2;
    background-size: 100%;
    right: 10%;

}





.sy_aboutus{
    background: url(../image/index_about.jpg) no-repeat top;
    position: relative;
    /*padding: 2% 0;*/
    background-size: cover;
    margin: 0 0 0;
}


.sy_aboutus .iab_right{
    width: 75.9%;
    float: right;
}
.sy_aboutus .iab_right .iab_tit{
    color: #fff;
    font-weight: bold;
    padding: 11% 0 5%;
}
.sy_aboutus .iab_right .iab_tit span{
    letter-spacing: 6px;
}
.sy_aboutus .iab_right .iab_cot{
    color: white;
    line-height: 2.5;
    /*text-indent: 2em;*/
}
.sy_aboutus .iab_right .miab_cot{
    display: none;
}
.sy_aboutus .iab_right .iab_view{
    text-align: left;
    margin-top: 12%;
}
.sy_aboutus .iab_right .iab_view ul li{
    display: inline-block;
    margin-right: 8%;
    margin-bottom: 3%;
    text-align: center;
}
.sy_aboutus .iab_right .iab_view ul li:nth-of-type(4){
    margin-right: 0px;
}
.sy_aboutus .iab_right .iab_view ul li .sz{
    /*font-size: 76px;*/
    color: #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}
.sy_aboutus .iab_right .iab_view ul li span{
    /*font-size: 47px;*/
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
}
.sy_aboutus .iab_right .iab_view ul li .wz{
    color: #ffffff;
}


.iab_menu2{
    position: absolute;
    width: 25%;
    background-color: rgba(0, 112, 194,0.9);
    height: 100%;
    left: 0;
    top: 0;

}
.iab_menu{
    position: relative;
    z-index: 9;
    padding: 6% 0%;
    width: 20%;
    float: left;
}
.iab_menu .tit_cn{
    color: #ffffff;
    margin: 0 0 12% 0;
    letter-spacing: 4px;
    font-weight: 600;
    font-family: "思源黑体 CN Regular";
}
.iab_menu .tit_en{
    color: #ffffff;
    margin: 0 0 25% 0;
}
.into_us{
    color: #ffffff;
    margin-top: 45%;
    letter-spacing: 4px;
}
.iab_list li{
    color: #ffffff;
    margin-bottom: 15%;
    padding-left: 20%;
    /*height: 35px;*/
    line-height: 1.7;
}
.iab_list li:nth-of-type(1){
    background: url(../image/iab_logo1.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(2){
    background: url(../image/iab_logo2.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(3){
    background: url(../image/iab_logo3.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(4){
    background: url(../image/iab_logo4.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(5){
    background: url(../image/iab_logo5.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(6){
    background: url(../image/iab_logo6.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(7){
    background: url(../image/iab_logo7.png)no-repeat left;
    background-size: 12%;
}
.iab_list li:nth-of-type(8){
    background: url(../image/iab_logo8.png)no-repeat left;
}



.syabmy{
    line-height: 2;
    padding: 2% 0;
}
.syabmy .wnrf{
    width: 40%;
    float: left;
    padding: 2% 0 0 0;
}
.syabmy .wnrf .wtit{
    color: #333333;
    position: relative;
    display: inline-block;
    margin: 0 0 5% 5%;
}
.syabmy .wnrf .wtit:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #0070c2;
    bottom: 0;
    left: 0;
}
.syabmy .wnrf .wint{
    text-indent:2em;
    color: #333333;
}
.syabmy .wnrr{
    float: right;
    width: 50%;
    text-align: right;
    position: relative;
    margin: 2% 0 0 0;
}

.syab_item{
    float: left;
    width: 46%;
    padding: 5% 1% 5% 4%;
    margin: 0 0 3% 3%;
    display: inline-block;
    box-shadow: 0 1px 10px #cccccc;
    background-color: #ffffff;
    transition: all 0.5s;
}
.syab_item .wimg{
    float: left;
    padding: 9.15%;
    margin: 0 22% 0 0;
    background-size: 100%!important;
}
.syab_item:nth-of-type(1) .wimg{
    background: url(../image/syabus1.png) no-repeat center;
}
.syab_item:nth-of-type(2) .wimg{
    background: url(../image/syabus2.png) no-repeat center;
}
.syab_item:nth-of-type(3) .wimg{
    background: url(../image/syabus3.png) no-repeat center;
}
.syab_item:nth-of-type(4) .wimg{
    background: url(../image/syabus4.png) no-repeat center;
}
.syab_item .wcot{
    text-align: left;
}
.syab_item .wcot .wtit{
    color: #333333;
    letter-spacing: 1px;
}
.syab_item .wcot .wint{
    font-size: 30px;
    color: #0070c2;
    font-weight: bold;
    line-height: 1.2;
}
/*.syab_item:nth-of-type(2){*/
    /*margin-left: 52%;*/
/*}*/
/*.syab_item:nth-of-type(1){*/
    /*background-color: #0070c2;*/
    /*position: absolute;*/
    /*box-shadow: 0 5px 25px #0070c2;*/
    /*z-index: 2;*/
    /*width: 54%;*/
    /*top: -12%;*/
    /*left: -4%;*/
    /*border-radius: 5px;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wtit{*/
    /*color: #ffffff;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wint{*/
    /*color: #ffffff;*/
    /*font-size: 48px;*/
/*}*/
.syab_item:hover{
    box-shadow: 0 1px 10px #0070c2;
    background-color: #0070c2;
    transform: scale(1.2);
    /*margin-top: -3%;*/
    /*margin-bottom: 6%;*/
    /*margin-top: -5%;*/
}
.syab_item:hover .wcot .wtit{
    color: #FFFFFF;
}
.syab_item:hover .wcot .wint{
    color: #FFFFFF;
}
.syab_item:nth-of-type(1):hover .wimg{
    background: url(../image/syabus1s.png) no-repeat center;
}
.syab_item:nth-of-type(2):hover .wimg{
    background: url(../image/syabus2s.png) no-repeat center;
}
.syab_item:nth-of-type(3):hover .wimg{
    background: url(../image/syabus3s.png) no-repeat center;
}
.syab_item:nth-of-type(4):hover .wimg{
    background: url(../image/syabus4s.png) no-repeat center;
}




.syabmey{
    position: relative;
}
.syabmey .wimg{
    width: 54.6875%;
}
.syabmey .wcot{
    position: absolute;
    left: 54.6875%;
    top: 0;
    width: 45.3125%;
    color: #ffffff;
    height: 100%;
    background-color: #0070c2;
    padding: 3% 5% 3% 0;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.syabmey .wcot:after{
    content: '';
    position: absolute;
    right: 8%;
    width: 8px;
    height: 20%;
    background-color: #FFFFFF;
    top: 18%;
}
.syabmey .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmey .wcot .wtit_en{
    margin: 0 0 4% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmey .wcot .wint{
    text-indent:2em
}

.syabmee{
    position: relative;
}
.syabmee .wimg{
    float: right;
    width: 45.3125%;
}
.syabmee .wcot{
    position: absolute;
    width: 54.6875%;
    top: 0;
    left: 0;
    color: #0070c2;
    height: 100%;
    background-color: #ffffff;
    padding: 2% 4% 2% 4%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.syabmee .wcot:after{
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 30%;
    background-color: #0070c2;
    top: 18%;
}
.syabmee .wcot .wtit_cn{
    letter-spacing: 1px;
}
.syabmee .wcot .wtit_en{
    margin: 0 0 2% 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.syabmee .wcot .wint{
    text-indent:2em;
    color: #333333;
}

.sy_process{
    padding: 3% 0;
    background-color: #ffffff;
}
.sy_process .sylc_title{
    width: 100%;
    line-height: 2;
    font-size: 46px;
    color: #0070c2;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.sylc_list{
    padding: 4% 4% 0;
}
.sylc_item{
    width: 8.4245%;
    float: left;
    text-align: center;
    color: #0070c2;
    line-height: 2;
    margin: 0 9.85% 0 0;
    position: relative;
}
.sylc_item:after{
    content: '';
    position: absolute;
    background: url(../image/arrowhs.png) no-repeat center;
    padding: 16.135%;
    background-size: 100%;
    right: -70%;
    top: 30%;
}
.sylc_item:last-child{
    margin: 0 0 0 0;
}
.sylc_item:last-child:after{
    display: none;
}

.sy_case{
    /*padding: 2% 0 5%;*/
}

.tempWrap{
}
.service_list ul li{
    float: left;
    width: calc(100%/4);
    position: relative;
    overflow: hidden;
}
.service_list ul li .img{
    position: relative;
}
.service_list ul li .cot{
    position: absolute;
    bottom: 6.5%;
    text-align: center;
    padding: 0 5%;
    width: 100%;
    color: white;
}
.service_list ul li .cot .tit_cn{
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 4%;
}
.service_list ul li .cot .tit_en{
    color: #ffffff;
    height: 35px;
    line-height: 25px;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 5%;
}
.service_list ul li .cot .arrow{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../image/service_arrow.png)no-repeat center;
}
.service_list ul li .cot .c_desc{
    height: 0;
    line-height: 2;
    padding: 0 4%;
    letter-spacing: 2px;
    transition: all .5s;
}
.service_list ul li:hover .img img{
    transform: scale(1.1);
}
.service_list ul li:hover .cot{
    /*height: 80%;*/
}
.service_list ul li:hover .c_desc{
    margin: 22% 0;
    height: 100%;
}

.service_list .switch_arrow_left{
    position: absolute;
    left: 0;
    top: 40%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    z-index: 9;
    padding: 1% 1% 1% 0%;
    font-size: 22px;
}
.service_list .switch_arrow_right{
    position: absolute;
    right: 0;
    top: 40%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    z-index: 9;
    padding: 1% 0% 1% 1%;
    font-size: 22px;
}


.sycs_list{
    width: 100%;
    position: relative;
}
.sycs_list .wimg{
    width: 36%;
}
.sycs_list .wcot{
    position: absolute;
    width: 63.5%;
    left: 36.5%;
    top: 0;
    height: 100%;
}

.sycs_item{
    width: 32.65%;
    float: left;
    margin: 0 1% 1.65% 0;
    position: relative;
}
.sycs_item:nth-child(3n){
    margin: 0 0 1.65% 0;
}
.sycs_item .himg{
    width: 100%;
    overflow: hidden;
}
.sycs_item .htit{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5% 20%;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.2;
    background: url(../image/arrow_s.png) no-repeat 90% 50%;
    background-color: rgba(0,153,204,0.7);

}
.sycs_item:hover .himg img{
    transform: scale(1.1);
}

.sy_news{
    padding: 3% 0;
}

.news_CA{
    position: absolute;
    top: 55%;
    right: 0;
    width: 50%;
    text-align: right;
}
.news_CA ul li{
    display: inline-block;
    background-color: #eeeeee;
    color: #333333;
    margin-left: 2%;
    letter-spacing: 1px;
}
.news_CA ul li a{
    display: block;
    padding: 20px 30px;
}
.news_CA ul li:hover{
    background-color: #0070c2;
    color: #ffffff;
}
.news_CA ul .on{
    background-color: #0070c2;
    color: #ffffff;
}
.inews_all{
    padding-top: 2%;
}
.newsbox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.newsbox:nth-child(4n){
    margin-right: 0px;
}
.newsbox .time{
    position: relative;
}
.newsbox .time .time_yr{
    float: left;
    color: #555555;
    font-weight: bold;
    transition: all 0.3s;
}
.newsbox .time .time_n{
    float: left;
    color: #555555;
    margin-top: 4%;
    margin-left: 4%;
    transition: all 0.3s;
}
.newsbox .news_img{
    margin: 5% 0;
    width: 100%;
    height: 13.05vw;
    overflow: hidden;
}
.newsbox .news_tit{
    color: #333333;
    line-height: 2;
    overflow: hidden;
}
.newsbox .news_cot{
    color: #333333;
    line-height: 1.8;
    margin: 3% 0;
}
.newsbox .news_plus{
    font-size: 40px;
    color: #333333;
    transition: all 0.3s;
}
.newsbox:hover .news_img img{
    transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
    color: #0070c2;
}
.newsbox:hover .time .time_n{
    color: #0070c2;
}

.newsbox:hover .news_plus{
    color: #0070c2;
}

.news-bg{
    position: relative;
    overflow: hidden;
}
.news-bg .news-hots{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35%;
    padding: 3%;
    background-color: rgba(0,0,0,.5);
    color: white;
    overflow: hidden;
}

.news-bg .news-hots .news-switch{

}
.news-bg .news-hots .news-switch .newsh-tit{
    margin-bottom: 5%;
    line-height: 3;
    letter-spacing: 1px;
}
.news-bg .news-hots .news-switch .newsh-cont{
    line-height: 2.2;
    letter-spacing: 1px;
}
.news-bg .news-hots .news-switch .newsh-more{
    margin: 7% 0;
}
.news-bg .news-hots .news-switch .newsh-more a{
    font-family: "思源黑体 CN Regular";
    display: inline-block;
    padding: 3% 8%;
    background-color: #0070c2;
    border-radius: 5px;
}
.news-hots .slick-dots{
    float: left;
    overflow: hidden;
    zoom: 1;
    margin: 6% 0 0;
}
.news-hots .slick-dots li{
    position:relative;
    _display:inline;
    float:left;
    width:8px;
    height:8px;
    overflow:hidden;
    background:#fff;
    margin-right:10px;
    text-indent:-999px;
    cursor:pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: unset;
}
.news-hots .slick-dots li button{
    font-size: 0;
    border: none;
}
.news-hots .slick-dots li.slick-active{
    background-color: #0070c2;
    width: 30px;
}
.news-cot-list{
    margin: 5.3% 0 0;
}
.news-cot-list .news_box{
    width: 48.5%;
    float: left;
    display: inline-block;
    margin: 0 3% 3% 0;
    position: relative;
    z-index: 0;
}
.news-cot-list .news_box:nth-child(2n){
    margin-right: 0;
}
.news-cot-list .news_box .news-offset{
    padding: 4%;
    width: 85%;
    float: right;
    margin-top: 5%;
    border: 1px solid #eceaea;
    z-index: 1;
    transition: all .5s;
}
.news-cot-list .news_box .news-offset .news-tit{
    line-height: 2;
    margin-bottom: 3%;
    padding-left: 5%;
}
.news-cot-list .news_box .news-offset .news-cot{
    line-height: 2.2;
    color: #555555;
}
.news-cot-list .news_box .news-offset .news-details{
    margin: 5% 0;
}
.news-cot-list .news_box .news-offset .news-img{
    overflow: hidden;
}
.news-cot-list .news_box .news-lt{
    float: left;
    width: 55%;
}
.news-cot-list .news_box .news-rt{
    float: right;
    width: 40%;
}


.news-cot-list .news_box .news-time-tplt{
    width: 19%;
    position: absolute;
    display: inline-block;
    padding: 5%;
    padding-left: 4%;
    top: 0;
    z-index: -1;
    background-color: #eeeeee;
    transition:  all .5s;
}
.news-cot-list .news_box .news-time-tplt span{
    position: relative;
}
.news-cot-list .news_box .news-time-tplt .sp1{
    top: -8px;
    left: 4px;
}
.news-cot-list .news_box .news-time-tplt .sp2{

}
.news-cot-list .news_box .news-time-tplt .sp3{
    top: 10px;
}
.news-cot-list .news_box:hover .news-offset .news-tit,
.news-cot-list .news_box:hover .news-offset .news-details{
    color: #0070c2;
}
.news-cot-list .news_box:hover .news-time-tplt{
    color: white;
    background-color: #0070c2;
}
.news-cot-list .news_box:hover .news-offset .news-img img{
    transform: scale(1.05);
}



.syns_list{

}
.syns_list .syns_title{
    line-height: 2;
    letter-spacing: 1px;
    position: relative;
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 1% 0;
}
.syns_list .syns_title:after{
    content: '';
    position: absolute;
    width: 36%;
    height: 8px;
    bottom: 0;
    left: 0;
    background-color: #0070c2;
}
.syns_list .snsfl{
    width: 43%;
    float: left;
}
.syns_list .snsfr{
    width: 50%;
    float: right;
}

.syns_list .snslist{
    position: relative;
}

.snsitemy{
    position: relative;
    line-height: 2;
    background: url(../image/arrow_xxl.png) no-repeat 100% 10%;
    border-bottom: 1px dashed #cccccc;
    padding: 0 0 2% 0;
    background-size: 3.5%;
    margin: 0 0 2% 0;
}
.snsitemy:last-child{
    border-bottom: 0;
}
.snsitemy .wtit{
    color: #333333;
    width: 80%;
}
.snsitemy .wcot{
    color: #666666;
    width: 80%;
}
.snsitemy .wtime{
    position: absolute;
    right: 0;
    bottom: 15%;
    color: #666666;
}


.snsiteme{
    position: relative;
    margin: 0 0 6% 0;
}
.snsiteme .wimg{
    width: 38.125%;
    float: left;
    overflow: hidden;
}
.snsiteme .wcot{
    float: right;
    width: 60%;
    line-height: 2;
}
.snsiteme .wcot .wtit{
    line-height: 1.5;
    color: #333333;
}
.snsiteme .wcot .wint{
    margin: 3% 0 2% 0;
    color: #666666;
}
.snsiteme .wcot .wck{
    text-align: right;
}
.snsiteme:hover .wimg img{
    transform: scale(1.1);
}
















.sy_zyx{
    background-color: #0070c2;
    padding: 1% 0;
}
.syzyx_item{
    width: 25%;
    float: left;
    text-align: center;
}
.syzyx_item .wall{
    display: inline-block;
}
.syzyx_item .wnrl{
    width: 60px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #0070c2;
    float: left;
    margin: 0 15px 0 0;
}
.syzyx_item .wnrr{
    float: right;
    line-height: 2;
    text-align: left;
    letter-spacing: 1px;
}
.syzyx_item .wnrr .wnry{
    color: #FFFFFF;
}
.syzyx_item .wnrr .wnre{
    color: #333333;
}





.nysyl{
    width: 23.5%;
    float: left;
}
.nysyr{
    width: 100%;
    float: right;
}

.cpCaAN{
    margin: 5% 0 0 0;
    width: 100%;
    padding: 3% 5%;
    font-size: 4vw;
    letter-spacing: 2px;
    background-color: #0070c2;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    display: none;
}


.CAchoice{
    width: 100%;
    margin: 0 0 12% 0;
}
.CAchoice .Pca_title{
    font-size: 30px;
    background-color: #0070c2;
    color: #FFFFFF;
    text-align: center;
    padding: 5% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #0070c2;
}
.CAchoice .Pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(../image/Pca_img.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
    border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
    padding: 7% 0;
    display: block;
    font-weight: bold;
    color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
    color: #0070c2;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #0070c2;
}





.navMenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #0070c2;
    background-color: #FFFFFF;
}
.navMenu .xlCAli{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
}

.navMenu .xlCAli .xlCAnr{
    background: url(../image/Pca_img.png) no-repeat left;
    background-size: 6.65%;
    display: block;
    color: #333333;
    transition: all 0.3s;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    overflow:hidden;
    padding: 7% 0 7% 10%;
    letter-spacing: 1px;
}
.navMenu .xlCAli .xlCAnr:after{
    content: '';
    position: absolute;
    background: url(../image/Pcaarrow.png) no-repeat center;
    right: 0;
    top: 30%;
    padding: 4%;
    background-size: 100%;
    filter: grayscale(1);
    transform:rotate(-90deg);
    transition: all 0.3s;
}
.navMenu .xlCAli .xlCAnr.active{
    color: #0070c2;
}
.navMenu .xlCAli .xlCAnr.active:after{
    transform:rotate(0);
    filter: grayscale(0);
}
.navMenu .nyt{
    width: 80%;
    float: left;
}

.navMenu .xlCAli .xlCAnr .arrow {
    padding: 3%;

    background-size: cover;
    display: inline-block;
    float: right;
    transition: all 0.3s;
    margin: 2.5% 0 0;
}
.navMenu .open .arrow {
    transform:rotate(90deg);
}


.navMenu>li>div.active, .navMenu>li>div:hover {
    color: #0070c2;
}

.navMenu .xlCAli .sub-menu{
    display: none;
}

.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu {
}

.navMenu .xlCAli .sub-menu .xlCBli {
    background: none;
    border-top: 1px solid #eeeeee;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 0 7% 8%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../image/cparrow.png)no-repeat left;
    background-size: 4%;
}

.navMenu>li>ul.sub-menu li>div {
    display: block;
    font-size: 14px;
    line-height: 65px;
    padding: 0 20px;
    color: #333333;
    clear: both;
    border-bottom: 1px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li:last-child>div{
    border-bottom: 0px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li>div.active, .navMenu>li>ul.sub-menu li>div:hover, .navMenu>li>ul.sub-menu>li.active >div {
    color: #0070c2;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
    color: #0070c2;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
    color: #0070c2;
}


.cp4ys_title{
    text-align: center;
    line-height: 2;
    color: #333333;
    margin: 0 0 3% 0;
    letter-spacing: 1px;
}
.cp4ys_list{
    padding: 0 0 2% 0;
}
.cp4ys_item{
    width: 24%;
    position: relative;
    float: left;
    margin: 0 1.325% 2% 0;
    overflow: hidden;
}
.cp4ys_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.cp4ys_item .wimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cp4ys_item .wxtb{
    position: absolute;
    padding: 8.3365%;
    bottom: 18%;
    z-index: 3;
    left: 41%;
    transition: all 0.5s;
}
.cp4ys_item:nth-of-type(1) .wxtb{
    background: url(../image/cp4ys1.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2) .wxtb{
    background: url(../image/cp4ys2.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3) .wxtb{
    background: url(../image/cp4ys3.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4) .wxtb{
    background: url(../image/cp4ys4.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item .wint{
    position: absolute;
    width: 70%;
    left: 15%;
    top: 45%;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.6;
    z-index: 2;
    transform: scale(0);
    transition: all 0.5s;
}
.cp4ys_item .wcot{
    color: #FFFFFF;
    line-height: 2;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #0070c2;
    text-align: center;
    letter-spacing: 2px;
    padding: 6% 0 2% 0;
    z-index: 2;

}
.cp4ys_item .wmb{
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.cp4ys_item:hover .wxtb{
    bottom: 70%;
}
.cp4ys_item:nth-of-type(1):hover .wxtb{
    background: url(../image/cp4ys1s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(2):hover .wxtb{
    background: url(../image/cp4ys2s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(3):hover .wxtb{
    background: url(../image/cp4ys3s.png)no-repeat center;
    background-size: 100%;
}
.cp4ys_item:nth-of-type(4):hover .wxtb{
    background: url(../image/cp4ys4s.png)no-repeat center;
    background-size: 100%;
}

.cp4ys_item:hover .wint{
    transform: scale(1);
}
.cp4ys_item:hover .wcot{
    background-color: transparent;
    z-index: 2;
}
.cp4ys_item:hover .wmb{
    top: 0;
}



.RM_article{
    width: 100%;
    margin: 0 0 12% 0;
    background-color: #FFFFFF;
}
.RM_article .Rma_title{
    color: #FFFFFF;
    text-align: center;
    padding: 5% 0;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../image/fabulous.png) no-repeat 25%;
    background-color: #0070c2;
    background-size: 6.65%;

}
.RM_article .Rma_list{
    width: 100%;
    border: 1px solid #cccccc;
}
.RM_article .Rma_list ul li{
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
    background-size: 6.65%;
}
.RM_article .Rma_list ul li:last-child{
    border-bottom: 0;
}
.RM_article .Rma_list ul li .Rma_a{
    padding: 4% 5%;
    display: block;
    color: #333333;
    text-align: center;
}
.RM_article .Rma_list ul li:hover .Rma_a{
    color: #0070c2;
}


.Plxall{
    border: 1px solid #cccccc;
    padding: 5% 2% 10% 4%;
    background-color: #FFFFFF;
}
.Plxall .Plx_title{
    border-bottom: 1px solid #cccccc;
    text-align: center;
    padding: 2% 0 5% 0;
    margin:  0 3% 8% 3%;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
}
.Plxall .Plx_list{
    width: 100%;
}
.Plxall .Plx_int{
    line-height: 1.6;
    margin: 0 0 3% 0;
    padding: 0 0 0 11%;
}
.Plxall .Plx_int:nth-of-type(1){
    background: url(../image/Plx_int1.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(2){
    background: url(../image/Plx_int2.png) no-repeat left;
    background-size: 8.35%;
    margin: 0 0 8% 0;
}
.Plxall .Plx_int:nth-of-type(3){
    background: url(../image/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(4){
    background: url(../image/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_an{
    float: left;
    margin: 5% 0 0 12%;
    background-color: #ffffff;
    padding: 5% 18% 5% 6%;
    border-radius: 30px;
    text-align: left;
    position: relative;
    box-shadow: 0 1px 10px #cccccc;
    color: #333333;
}
.Plxall .Plx_an:after{
    content: '';
    position: absolute;
    padding: 12%;
    border-radius: 50%;
    background: url(../image/honor_arrow.png) no-repeat center;
    background-color: #0070c2;
    background-size: 100%;
    right: 10%;
    top: 18%;
}







.service_int{
    line-height: 2;
    color: #666666;
    text-align: center;
    padding: 0 0 2% 0;
}
.service_list{

}
.service_list .service_img{
    position: relative;
    margin: 0 0 28% 0;
}
.fw4ys_list{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 10%;
}
.fw4ys_item{
    width: 24%;
    float: left;
    position: relative;
    margin: 0 1.325% 0 0;
}
.fw4ys_item:nth-child(4n){
    margin: 0 0 0 0;
}
.fw4ys_item .fwnrs{
    position: relative;
    width: 100%;
    padding: 55% 1% 25%;
    color: #FFFFFF;
    text-align: center;
    line-height: 2;
}
.fw4ys_item:nth-of-type(1) .fwnrs{
    background: url(../image/fw4ys1.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(2) .fwnrs{
    background: url(../image/fw4ys2.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}
.fw4ys_item:nth-of-type(3) .fwnrs{
    background: url(../image/fw4ys3.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(4) .fwnrs{
    background: url(../image/fw4ys4.png) no-repeat center 25%;
    background-size: 19.5%;
    background-color: rgba(0,153,204,0.7);
}


.fw4ys_item .fwnrx{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8% 8%;
    border: 1px solid #cccccc;
    line-height: 1.8;
    text-align: center;
    background-color: #FFFFFF;
    color: #333333;
}
.fw4ys_item .fwnrx .wtit{
    margin: 0 0 5% 0;
}
.fw4ys_item .fwnrx .wint{
    text-align: left;
}
.fw4ys_item .fwnrx .sz{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    z-index: 2;
}
.fw4ys_item .fwnrx .sz span{
    position: relative;
    z-index: 5;
    padding: 0 5px 0 0;
}
.fw4ys_item .fwnrx .sz:after{
    content: '';
    position: absolute;
    border-bottom: 40px solid #333333;
    border-left: 40px solid transparent;
    right: 0;
    bottom: 0;
}

.fw4ys_item:nth-child(2n) .fwnrx .sz:after{
    border-bottom: 40px solid #0070c2;
    border-left: 40px solid transparent;
}

.service_list .service_partner{
    padding: 0 8%;
    margin: 0 0 3% 0;
}

.service_list .service_zbrx{
    padding: 0 10%;
    line-height: 2;
    margin: 0 0 3% 0;
    color: #333333;
}
.service_list .service_zbrx span{
    font-size: 30px;
    color: #0070c2;
    font-weight: bold;
}
.service_list .service_3img{
    padding: 0 10%;
    margin: 0 0 4% 0;
}
.service_list .service_3img .s3item{
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
}
.service_list .service_3img .s3item:nth-child(3n){
    margin: 0 0 0 0;
}
.service_list .service_table{
    padding: 0 10%;
}
.service_list .service_table .wtit{
    color: #080000;
    line-height: 2;
    margin: 0 0 1% 0;
}
.service_table_all{

}
.service_table_all .nry{
    background-color: #333333;
    padding: 1% 0;
}
.service_table_all .nry .nrys{
    width: 50%;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 2;
    letter-spacing: 2px;
}
.service_table_all .nre{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    position: relative;
    border-top: 0;
}
.service_table_all .nre .fnre{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service_table_all .nre .fnre .znre_item{
    line-height: 2;
    color: #333333;
    margin: 10% 0;
}
.service_table_all .nre .znre{
    width: 50%;
    background-color: #0070c2;
    color: #ffffff;
    margin-left: 50%;
    padding: 2% 5%;
}
.service_table_all .nre .znre .znre_item{
    border-bottom: 1px dashed #ffffff;
    line-height: 2;
    text-align: center;
    padding: 3% 0;
}
.service_table_all .nre .znre .znre_item:last-child{
    border-bottom: 0;
}



.newssyl{
    position: relative;
    width: 100%;
    float: left;
}
.newssyl .CA_news{
    width: 100%;
    margin: 0 0 2% 0;
}
.newssyl .CA_news ul li{
    width: 24.25%;
    float: left;
    background-color: #efefef;
    margin: 0 1% 1% 0;
    text-align: center;
    color: #333333;
}
.newssyl .CA_news ul li:nth-child(4n){
    margin: 0 0 1% 0;
}
.newssyl .CA_news ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 5% 0;
}
.newssyl .CA_news ul li:hover{
    background-color: #0070c2;
    color: #FFFFFF;
}
.newssyl .CA_news ul li.on{
    background-color: #0070c2;
    color: #FFFFFF;
}



.newssyr{
    width: 18%;
    float: right;
}
.ner_zwf{
    padding: 6% 0;
}
.ner_list{
    width: 100%;
    padding: 20% 0 0 0;
}
.ner_list .nsr_title{
    border-bottom: 1px solid #333333;
    display: inline-block;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
}

.RM_label_all{
    width: 100%;
}
.RM_label_all .RM_label{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 2% 3% 0;
    padding: 3% 3%;
    color: #333333;
}

.RM_news_all{
    width: 100%;
}

.RM_news_all .RM_news{
    width: 100%;
    color: #333333;
    margin: 0 0 0 0;
    line-height: 2;
}

.ner_ca_list{
    width: 100%;
}
.ner_ca_list .nsr_ca_title{
    width: 100%;
    background-color: #0070c2;
    color: #ffffff;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.ner_ca_list .nsr_ca_all ul li{
    width: 100%;
    border: 1px solid #cccccc;
    margin: -1px 0 0 0;
    text-align: center;

}
.ner_ca_list .nsr_ca_all ul li .Pca_a{
    display: block;
    width: 100%;
    padding: 7% 0;
}
.ner_ca_list .nsr_ca_all ul li:hover{
    background-color: #0070c2;
    color: #FFFFFF;
}
.ner_ca_list .nsr_ca_all ul li.on{
    background-color: #0070c2;
    color: #FFFFFF;
}








.Inside_title{
    text-align: center;
    color: #333333;
    padding: 1% 0 1%;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.Inside_title .dnra{
    letter-spacing: 1px;
}
.Inside_title .dnrb{
    letter-spacing:10px;
    margin: 2% 0 0;
    font-size: 36px;
    padding-left: 10px;
}
.category_list{
    position: relative;
    text-align: center;
    font-size: 0;
}

.category_list ul li{
    display: inline-block;
    background-color: #ffffff;
    width: 12%;
    margin: 2% 1%;
    letter-spacing: 1px;
    color: #333333;
}
.category_list ul li a{
    display: block;
    padding: 10% 0;
}
.category_list .on{
    background-color: #0070c2;
    color: #ffffff;
}
.list_all{
    padding: 3% 0 0;
}

.single_show{
    width: 100%;
    word-wrap: break-word;
    /*word-break: break-all;*/
    overflow: hidden;
}
.single_show img{
    max-width: 100%;
}

.upperandlower {
    padding: 1% 0 0 0;
}
.upperandlower .next{
    width: 25%;
    background-color: #626262;
    padding: 1.5% 2%;
    color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #0070c2;
}



.paging {
    text-align:center;
    padding: 2% 0 2%;
}
.paging a{
    display: inline-block;
    padding: 0.65% 0.9%;
    border:1px solid #333333;
    color: #333333;
    margin:0 0.5%;
    transition: ease-in 0.1s;
    border-radius: 2px;
    background-color: #ffffff;
}
.paging span{
    margin:0 5px;
}
.paging a:hover,
.case_lisst .cate-box a:hover{
    border:1px solid #0070c2;
    color: #0070c2;
}
.paging .currPage{
    border:1px solid #0070c2;
    color: #ffffff;
    background-color: #0070c2;
}




.Rmnynews{
    padding: 5% 0 2%;
}
.Rmnynews .newsny{
    text-align: left;
    margin-bottom: 0;
}






.acsl{
    width: 62.5%;
    float: left;
    line-height: 2;
}
.acsr{
    width: 32.5%;
    float: right;
    border-top: 10px solid #0070c2;
}
.acsna{
    font-size: 30px;
    color: #333333;
    padding: 3% 0;
    border-bottom: 1px dashed #555555;
    margin: 0 0 3% 0;
}
.acsnb{
    color: #333333;
}
.acslx{
    position: relative;
    margin: 5% 0;
}
.acslx .acslxan{
    font-size: 24px;
    color: #ffffff;
    background-color: #0070c2;
    padding: 0.5% 5%;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    letter-spacing: 3px;
    float: left;
}
.acslx .acslxrx{
    font-size: 24px;
    color: #333333;
    float: left;
    padding: 0.5% 5%;
}
.acsall{
    width: 100%;
}
.acsall .acsall_title{
    font-size: 30px;
    color: #333333;
    letter-spacing: 5px;
    border-bottom: 3px solid #d2d2d2;
    padding: 0 0 1% 0;
    position: relative;
}
.acsall .acsall_title span{
    font-size: 14px;
    color: #aaaaaa;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 3%;
}
.acsall .acsall_title:before{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 20%;
    background-color: #0070c2;
}
.acsnrall{
    width: 100%;
    overflow: hidden;
    padding: 2% 0;
    line-height: 0;
}
.acsnrall img{
    max-width: 100%;
}


.acsimg{
    border: 1px solid #d2d2d2;
    margin: 0 0 7% 0;
}
.acsCa{
    margin: 0 0 10% 0;
}
.acsCa ul li{
    float: left;
    width: 46.5%;
    margin: 0 7% 0 0;
    border: 1px solid #d2d2d2;
}
.acsCa ul li:nth-child(2n){
    margin: 0 0 0 0;
}
.acsCa .on{
    border: 1px solid #0070c2;
}
.ascRmcp{
    margin: 0 0 8% 0;
}
.ascRm_title{
    background-color: #0070c2;
    padding: 4% 8%;
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}

.ascRmxw{
    background-color: #ffffff;
    margin: 0 0 10% 0;
}
.ascRmxw .acsRmls{
    padding: 8% 5%;
}
.newsRm{
    color: #555555;
    border-bottom: 1px dashed #d2d2d2;
    padding: 0 0 5% 0;
    margin: 0 0 5% 0;
    transition:all 0.5s;
}
.newsRm:last-child{
    margin:  0 0 0 0;
    border-bottom: 0;
    padding: 0;
}
.newsRm .dnra{
    float: left;
    color: #33b8dd;
    width: 5%;
    transform: scale(1.5);
}
.newsRm .dnrb{
    float: left;
    width: 70%;
    transition:all 0.5s;
}
.newsRm .dnrc{
    float: right;
    width: 20%;
    text-align: right;
}
.newsRm:hover{
    color: #33b8dd;
}
.newsRm:hover .dnrb{
    padding-left: 1%;
}


.acsZx{
    background: url(../image/acsZx.png) no-repeat 10%;
    background-color: #0070c2;
    color: #ffffff;
    padding: 5% 0 5% 28%;
    line-height: 1.5;
    background-size: 14.425%;
    font-weight: bold;

}
.acsZx .acszxa{
    font-size: 24px;
    letter-spacing: 2px;
}
.acsZx .acszxb{
    font-size: 32px;
    letter-spacing: 1px;
}














.content_main{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 2% 0;
}

.content_mains{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1.5% 0;
}
.ash_nyys{
    background-color: #f9f9f9;
    z-index: 0;
}
.within_nyys{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
    padding: 2% 0 0 0;
}
.position{
    position: relative;
    padding: 1% 1.5%;
    letter-spacing: 1px;
    color: #333333;
    background: url(../image/home.png)no-repeat left;
    background-size: 1.18% auto;
    text-indent: 1em;
}
.search-ipt{
    position: absolute;
    top: 32%;
    right: 3%;
    width: auto;
}
.search-ipt .kword{
    width: 100%;
    line-height: 1.5;
}
.search-ipt .kword:focus{
    /*box-shadow: 0 0 2px 1px #0070c2;*/
}
.search-ipt .kword::placeholder{
    color: #cccccc;
}
.search-ipt .sub_btn{
    position: relative;
    /*width: 25px;*/
    /*height: 25px;*/
    padding: 8%;
    border: none;
    background: url("../image/search_ico.png") no-repeat center;
    background-size: 75%;
    vertical-align: middle;
}


.header .head_top{
    float: left;
    width: 100%;
    position: relative;
    line-height: 2.3;
    color: white;
    background-color: #0070c2;
}

.head_top .h-lt{
    width: 50%;
    float: left;
    line-height: 2.5;
}
.head_top .h-rt{
    position: relative;
    width: 50%;
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search_box{
    position: absolute;
    background-color: white;
    bottom: -110%;
    z-index: 1;
    display: none;
    right: 30%;
}
.search_box .kwrd{
    text-indent: 1em;
    line-height: 2.8;
    border: 1px solid #AAAAAA;
    border-right: none;
}

.search_box .sub_key{
    width: 20%;
    position: absolute;
    height: 100%;
    border: 1px solid #0070c2;
    background-color: #0070c2;
}

.head_top .h-rt .sp1,.head_top .h-rt .sp2{
    margin-right: 1%;
    width: 3%;
    display: inline-block;
    cursor: pointer;
}
.head_top .h-rt .sp1 img,.head_top .h-rt .sp2 img{
    width: 80%;
    /*display: block;*/
    vertical-align: middle;
}

.nysm_all{
    position: relative;
    padding: 0 0 4% 0;
    color: #333333;
}
.download_nysm{
    padding: 0;
}
.nysm_all .slogan{
    width: 31.25%;
    float: left;
}
.nysm_all .position{
    width: 60%;
    float: right;
    line-height: 2;
    text-align: right;
    padding-top: 5px;
    letter-spacing: 1px;
}
.nysm_all .position_home{
    background: url(../image/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}

.ny_pt_gap{
    padding: 0 0 2% 0;
}

.detail_title{
    font-size: 30px;
    width: 100%;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title:after{
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #0070c2;
    left: 45%;
    bottom: -15px;
    display: none;
}

.detail_content{
    width: 100%;
    overflow: hidden;
    line-height: 2;
    padding: 3% 0;
    margin: 0 0 3%;
    border-bottom: 1px dashed #AAAAAA;
}
.detail_content img{
    max-width: 100%;
}
.detail_title_news_all{
    border-bottom: 1px dashed #AAAAAA;
}
.detail_title_news{
    font-size: 30px;
    width: 100%;
    color: #333333;
    text-align: left;
    line-height: 1.5;
    position: relative;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title_time{
    margin: 2% 0 3% 0;
    color: #535353;
    padding: 0 1% 0 0;
    text-transform: uppercase;
}




.load_more{
    text-align: center;
    padding-top: 3%;
}
.load_more .loads{
    display: inline-block;
    width: 18.5%;
    text-align: center;
    color: #ffffff;
    background: url("../image/xla.png") no-repeat center right;
    background-position-x: 85%;
    background-color: #0070c2;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1.2% 0;
    letter-spacing: 5px;
    border-radius: 8px;
}
.load_more .loadend{
    display: none;
    color: #555555;
    letter-spacing: 2px;
}
.load_more .block{
    display: block;
}
.load_more_case{
    padding-top: 3%;
}
.info_load_more{
    padding-top: 1%;
}
.info_load_more .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 2% 0;
    cursor: pointer;
}
.info_load_more2{
    padding-top: 1%;
}
.info_load_more2 .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    cursor: pointer;
}









.news_item{
    width: 31.5%;
    float: left;
    margin: 0 2.75% 2.75% 0;
    position: relative;
}
.news_item:nth-child(3n){
    margin: 0 0 2.75% 0;
}
.news_item .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.news_item .dcot{
    width: 100%;
    background-color: #efefef;
    color: #333333;
    padding: 5% 8% 10%;
    position: relative;
}
.news_item .dcot .dtit{
    width: 100%;
    height: 70px;
    line-height: 35px;
}
.news_item .dcot .dint{
    height: 70px;
    line-height: 35px;
    margin: 8% 0 20% 0;
}
.news_item .dcot .dtime{
    line-height: 2;
}
.news_item .dcot:after{
    content: '';
    position: absolute;
    bottom: 14%;
    right: 10%;
    background: url(../image/news_arrow.png) no-repeat center;
    padding: 3.225%;
    background-size: 100%;
}
.news_item:hover .dcot{
    background-color: #0070c2;
    color: #FFFFFF;
}
.news_item:hover .dcot:after{
    background: url(../image/news_arrows.png) no-repeat center;
    background-size: 100%;
}
.news_item:hover .dimg img{
    transform: scale(1.1);
}

.scline-section{
    margin: 3% 0 0;
}
.scline_item{
    width: 23.5%;
    float: left;
    margin: 0 2% 3% 0;
    display: inline-block;
    transition: all .5s;
}
.scline-section .scline_item:nth-of-type(4n){
    margin-right: 0;
}
.scline_item .scline-img{
    overflow: hidden;
}
.scline_item .scline-tit{
    padding: 0 2%;
    line-height: 5;
    color: #555555;
    transition: all .5s;
}
.scline_item .scline-details{
    padding: 0 2%;
    color: #AAAAAA;
    text-transform: uppercase;
}
.scline-section .scline_item:hover .scline-img img{
    transform: scale(1.05);
}
.scline-section .scline_item:hover .scline-details{
    color: #0070c2;
}




.case_item{
    width: 100%;
    position: relative;
    margin: 0 0 2% 0;
}
.case_item .dimg{
    width: 40.4175%;
    float: left;
    overflow: hidden;
}
.case_item .dcot{
    position: absolute;
    width: 59%;
    left: 40.4175%;
    top: 0;
    height: 100%;
    background-color: #ffffff;
    padding: 0 1% 0 4.5%;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    /*border-bottom: 1px solid #cccccc;*/
}
.case_item .dcot .dtit_cn{
    font-size: 30px;
    line-height: 2.2;
    padding: 1% 0 0 0;
    color: #333333;
}
.case_item .dcot .dtit_en{
    margin: 1% 0;
    color: #555555;
}
.case_item .dcot .dint{
    border-top: 1px solid #c3c3c3;
    margin: 2% 0 8%;
    color: #555555;
    line-height: 2.2;
    padding: 5% 0 0;
}
.case_item .dcot .dck{
    background-color: #0070c2;
    color: #ffffff;
    display: inline-block;
    width: 28.5%;
    padding: 1% 0;
    text-align: center;
    border-radius: 10px;
    letter-spacing: 1px;

}
.case_item:hover .dimg img{
    transform: scale(1.1);
}




.partner_item{
    width: 24.625%;
    float: left;
    border: 1px solid #cccccc;
    margin: 0 0.5% 1% 0;
    overflow: hidden;
}
.partner_item:nth-child(4n){
    margin: 0 0 1% 0;
}
.partner_item:hover img{
    transform: scale(1.1);
}

.cotact_wrap{

}
.cotact_wrap .cotact_list  ul li{
    width: 15%;
    margin: 0 2% 0 0;
    float: left;
    display: inline-block;
    text-align: center;
    color: #AAAAAA;
}
.cotact_wrap .cotact_list  ul li:last-child{
    margin-right: 0;
}
.cotact_wrap .cotact_list .ctct-tit{
    line-height: 5;
    text-transform: uppercase;
}
.cotact_wrap .cotact_list .ctct-img{
    height: 6.8vw;
    width: 6.8vw;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #e5e5e5;
}
.cotact_wrap .cotact_list .ctct-img img{
    border-radius: 50%;
    transition: all .5s;
}
.cotact_wrap .cotact_list .ctct-dec{
    color: #555555;
    line-height: 1.5;
}
.cotact_wrap .cotact_list  ul li:hover .ctct-img{
    background: #0070c2;
}
.cotact_wrap .cotact_list  ul li:hover .ctct-img img{
    filter: brightness(6);
    transform: rotate(360deg);
    background-color: transparent;
}
.cotact_wrap .cotact_list  ul li:hover .ctct-dec{
    color: #0070c2;
}


.lxwmall{
    position: relative;
    margin: 3% 0 3% 0;
}

.lxwm_list{
    position: relative;
    width: 40%;
    float: left;
}

.lxwm_item{
    width: 100%;
    line-height: 1.7;
    margin: 0 0 5% 0;
    color: #333333;
}
.lxwm_item:nth-child(4n){
    margin: 0 0 0 0;
}
.lxwm_item .dimg{
    width: 6.25%;
    float: left;
    margin: 0 2% 0 0;
}
.lxwm_item .dtit{
    float: left;
    width: 80%;
}

.lxwm_item .dtit span{
    font-weight: bold;
}

.lxwm_cot{
    width: 58%;
    float: right;
    color: #ffffff;
    background-color: #0070c2;
    padding: 2.5%;
    line-height: 1.4;
    margin: 2% 0 0 0;
}



.lxwmwd{
    padding: 2% 0 0 0;
}
.lxwmwd .wtit{
    text-align: center;
    color: #333333;
    line-height: 2;
    margin: 0 0 3% 0;
}

.lxwmwd_item{
    width: 24.25%;
    float: left;
    margin: 0 1% 2% 0;
    box-shadow: 0 1px 5px #cccccc;
    padding: 7% 2% 5%   ;
    line-height: 1.2;
    background: url(../image/lxwmwd_item.png) no-repeat left 0;
    background-size: 25.8%;
}
.lxwmwd_item:nth-child(4n){
    margin: 0 0 2% 0;
}
.lxwmwd_item .wtitl{
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10% 0;
    margin: 0 0 10% 0;
    color: #333333;
}
.lxwmwd_item .wcity{
    text-align: center;
    font-size: 48px;
    color: #0070c2;
    margin: 3% 0 15% 0;
}
.lxwmwd_item .wints{
    line-height: 2;
    text-align: center;
    color: #333333;
    min-height: 140px;
}
.lxwmmap{
    margin: 5% 0 0;
    position: relative;
}
.lxwmmap .company-img{
    float: left;
    width: 50%;
}
.lxwmmap .company-map{
    position: absolute;
    left: 50%;
    height: 100%;
    float: right;
    width: 50%;
}

.form-box{
    overflow: hidden;
    padding: .3%;
    margin: 0 0 3%;
}
.form-box .frm_div{
    position: relative;
    margin: 0 0 3%;
}
.form-box .frm_lt{
    width: 65%;
    float: left;
}
.form-box .frm_lt li{
    float: left;
    width: calc((100% - 2%)/2);
    display: inline-block;
    margin: 0 2% 2% 0;
}
.form-box .frm_lt li:nth-child(2n){
    margin-right: 0;
}
.form-box .frm_lt li:nth-child(n+5){
    margin-bottom: 0;
}
.form-box .frm_lt input::placeholder,
.form-box .frm_rt textarea::placeholder{
    text-transform: uppercase;
}
.form-box .frm_lt input{
    border: 1px solid #AAAAAA;
    line-height: 3.2;
    width: 100%;
    text-indent: 1em;
    border-radius: 10px;
    background-color: white;
}
.form-box .frm_rt{
    width: 33%;
    float: right;
    position: absolute;
    left: 67%;
    height: 100%;
}
.form-box .frm_rt textarea{
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 2%;
    background-color: white;
}
.form-box .frm_rt textarea:focus,.form-box .frm_lt input:focus{
    border-color: #0070c2;
    box-shadow: 0 0 3px 1px #0070c2;
}
.form-box .ipt-div{
    width: 48%;
    float: left;
    margin: 0 4% 2% 0;
    background-color: #eeeeee;
    color: #555555;
    height: 3.5vw;
    line-height: 3.4vw;
    transition: all .5s;
}
.form-box .ipt-div:nth-of-type(2n){
    margin-right: 0;
}
.form-box .ipt-div label{
    width: 20%;
    text-align: center;
}
.form-box .ipt-div .ipt-txt{
    height: 3vw;
    line-height: 3vw;
    width: 79%;
    text-indent: 1em;
    background-color: white;
}
.form-box .ipt-div.area{
    width: 100%;
    height: 10.4vw;
    margin-right: 0;
    display: flex;
    align-items: center;
}
.form-box .ipt-div.area label{
    width: 9.9%;
}
.form-box .ipt-div .tarea-txt{
    height: 10vw;
    margin: 3px 0;
    width: 89.91%;
    background-color: white;
    border: none;
    text-indent: 1em;
}
.form-box .ipt-div:hover{
    /*background-color: #0070c2;*/
    color: white;
}
.form-box .sub-btn{
    overflow: hidden;
    text-align: center;
}
.form-box .sub-btn .yzm{
    border: 1px solid #AAAAAA;
    line-height: 3.2vw;
    height: 3.2vw;
    width: 9.5%;
    /*border-radius: 10px;*/
    background-color: white;
    text-indent: 1em;
    border-radius: 10px;
    margin-right: 1%;
}
.form-box .ymzsz{
    /*background-color: white;*/
    /*width: 5vw;*/
    /*height: 3.2vw;*/
    margin-bottom: -.6vw;
}
.form-box .sub-btn .tj-btn{
    background-color: #0070c2;
    color: white;
    width: 9.5%;
    height: 3.2vw;
    line-height: 3.2vw;
    margin-right: 3%;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    border: none;
}
.form-box .sub-btn .cz-btn{
    width: 12%;
    height: 3.2vw;
    line-height: 3.2vw;
    background-color: #c9c9c9;
    cursor: pointer;
    border: none;
}
.msg_title{
    text-align: center;
    line-height: 2;
    margin: 0 0 3%;
    letter-spacing: 2px;
}
.msg_title p:nth-child(2){
    color: #555555;
}
.msg_title p:nth-child(1){
    color: #0070c2;
    margin-bottom: 1%;
}



.ab_mky{
    padding: 2% 0 3%;
    width: 100%;
    background-color: #ffffff;
}

.ab_video{
    width: 100%;
}
.ab_video video{
    width: 100%;
}

.ab_four{
    padding: 2% 0;
    background-color: #0070c2;
}
.ab_four_item{
    width: 25%;
    text-align: center;
    float: left;
    line-height: 1.2;
}
.ab_four_item .dimg {
    width: 27.25%;
    margin: 0 auto;
}
.ab_four_item .dnya{
    font-size: 48px;
    color: #ffffff;
    margin: 5% 0 1% 0;
    font-weight: bold;
}
.ab_four_item .dnyb{
    color: #ffffff;
}


.ab_mke{
    padding: 3% 0;
    background-color: #ffffff;
    text-align: center;
}
.ab_mke .wcot{
    color: #333333;
    line-height: 3;
}





.ab_mks{
    position: relative;
}
.ab_sitem{
    position: absolute;
    width: 26%;
    top: 0;
    height: 100%;
}

.ab_sitem ul li{
    position: absolute;
    width: 100%;
    height: 50%;
    text-align: left;
    padding: 10% 5% 10% 35%;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333333;
    cursor: pointer;
}
.ab_sitem ul li:nth-of-type(1){
    top: 0;
    border-top: 1px solid #cccccc;
    background: url(../image/absw1.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li:nth-of-type(2){
    top: 50%;
    border-bottom: 1px solid #cccccc;
    background: url(../image/absw2.png) no-repeat 28% 45%;
    background-size: 4.8%;
}
.ab_sitem ul li.on{
    background-color: #0070c2;
    border-top: 1px solid #0070c2;
    border-bottom: 1px solid #0070c2;
    color: #ffffff;
}
.ab_sitem ul li.on:nth-of-type(1){
    background: url(../image/absw1s.png) no-repeat 28% 45%;
    background-color: #0070c2;
    background-size: 4.8%;
}
.ab_sitem ul li.on:nth-of-type(2){
    background: url(../image/absw2s.png) no-repeat 28% 45%;
    background-color: #0070c2;
    background-size: 4.8%;
}
.ab_sitem ul li.on:after{
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    right: -3%;
    top: 0;
    background-color: #0070c2;
    z-index: 2;
}

.ab_sitem{

}
.ab_sall{
    position: relative;
    margin-left: 26%;
}
.ab_slist .wimg{
    width: 42%;
    overflow: hidden;
}
.ab_slist .wcot{
    position: absolute;
    width: 58%;
    left: 42%;
    top: 0;
    height: 100%;
    background-color: #0070c2;
    padding: 3% 5%;
    color: #ffffff;
    line-height: 1.8;
    overflow-x: auto;
}



.ab_mkw{
    padding: 3% 0 ;
    background-color: #ffffff;
}

.ab_mkw .abmwt{
    line-height: 2;
    text-align: center;
}
.ab_mkw .abmwtit{
    color: #0070c2;
    font-size: 30px;
    font-weight: bold;
}
.ab_mkw .abmwint{
    color: #999999;
}

.abmw_list{
    width: 100%;
    position: relative;
    padding: 200px 0;
}
.abmw_list:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    background-color: #cccccc;
    z-index: 1;
}
.abmw_item{
    width: 28%;
    line-height: 34px;
    text-align: center;
    position: absolute;
    height: 140px;
}

.abmw_item .wdian{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0070c2;
    margin: -14px auto 0;
    z-index: 2;
    position: relative;
    color: #333333;
}
.abmw_item .wline{
    width: 1px;
    height: 30px;
    background-color: #cccccc;
    margin: 20px auto;
}
.abmw_item .wny{
    font-weight: bold;
}


.abmw_item:nth-of-type(1){
    top: 50%;
    left: 0;
}
.abmw_item:nth-of-type(2){
    top: 60px;
    left: 14%;
}
.abmw_item:nth-of-type(3){
    top: 50%;
    left: 28%;
}
.abmw_item:nth-of-type(4){
    top: 60px;
    left: 42%;
}
.abmw_item:nth-of-type(5){
    top: 50%;
    left: 56%;
}
.abmw_item:nth-of-type(6){
    top: 60px;
    left: 70%;
}

.ab_news{
    background: url(../image/ab_news.jpg) no-repeat top;
    padding: 2% 0;
}

.abnst{
    text-align: center;
    line-height: 1.8;
    letter-spacing: 1px;
    padding: 0 0 2% 0;
}
.abnst .abnsttit{
    color: #0070c2;
    font-size: 30px;
    font-weight: bold;
}
.abnst .abnstint{
    color: #999999;
}


.ab_news_item{
    color: #333333;
    width: 49%;
    float: left;
    background-color: #ffffff;
    padding: 1.5% 2% 2% 5%;
    margin: 0 2% 2% 0;
    border-radius: 5px;
}

.ab_news_item:nth-child(2n){
    margin: 0 0 2% 0;
}
.ab_news_item:nth-of-type(2)
{
    background-color:#0070c2;
    color: #ffffff;
}
.ab_news_item:nth-child(3n+0)
{
    background-color:#0070c2;
    color: #ffffff;
}
.ab_news_item .wcot{
    width: 70%;
    float: left;
}
.ab_news_item .wcot .wtit{
    line-height: 2;
    margin: 0 0 0.5% 0;
}
.ab_news_item .wcot .wint{
    line-height: 1.5;
}
.ab_news_item .wimg{
    width: 22%;
    float: right;
}


.CPCA_list{
    position: relative;
}
.CPCA_item{
    width: 33.3%;
    float: left;
    text-align: center;
    background-color: #201f1f;
    color: #FFFFFF;

    line-height: 1.5;
    position: relative;
}
.CPCA_item:last-child{
    margin: 0 0 5% 0;
}
.CPCA_item .PA_a{
    display: block;
    padding: 11% 0 17%;
}
.CPCA_item .PA_mc{
    position: relative;
}
.CPCA_item .PA_mc:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    border-top: 1px dashed #ccc;
    bottom: -50%;
    left: 25%;
    overflow: hidden;
}
.CPCA_item.on{
    background-color: #0070c2;
}
.CPCA_item.on:after{
    content: '';
    position: absolute;
    background: url(../image/PA_on.png) no-repeat center;
    background-size: 100%;
    width: 6.57%;
    padding: 3% 0;
    left: 44%;
    bottom: 12.5%;
}
.CPCA_item:hover{
    background-color: #0070c2;
}




.synyz{
    width: 18.5%;
    float: left;
    padding: 0 0 5% 0;
}

.synyy{
    width: 79%;
    float: right;
}

.PlBt{
    width: 100%;
    background: url(../image/PlBt.png) no-repeat 10%;
    background-size: 13.5%;
    background-color: #0070c2;
    padding: 12.5% 0;
}



.NyCaall{
    width: 100%;
    position: relative;
    margin: 0 0 3% 0;
}
.NyLsall{
    width: 100%;
    position: relative;
}

.pro-item{
    overflow: hidden;
    float: left;
    width: 23.5%;
    /*height: 291px;*/
    margin-right: 2%;
    margin-bottom: 2%;
    /*padding: 3% 3% 0;*/
    background-color: white;
    text-align: center;
    /*border-bottom: 9px solid #555555;*/
    -webkit-transition-property: border-bottom-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
.pro-item:nth-of-type(4n){
    margin-right: 0;
}

.pro-item .pro-img{
    overflow: hidden;
    /*padding: 5% 16% 8%;*/
    /*height: 220px;*/
}
.pro-item .pro-name{
    /*height: 45px;*/
    line-height: 3;
    /*margin: 2% 14% 5%;*/
    padding: 0 5%;
    background-color: #eeeeee;
    color: #555555;
    text-align: center;
    transition: all .5s;
}
.pro-item .pro-desc{
    line-height: 26px;
    height: 56px;
    color: #555555;
}
.pro-item .pro-more{
    margin: 2% 0;
    color: #0070c2;
    text-align: center;
}
.pro-item:hover .pro-img img{
    transform: scale(1.1);
}
.pro-item:hover .pro-name{
    background-color: #0070c2;
    color: white;
}
.pro-item:hover{
    border-bottom-color: #0070c2;
    /*animation: border-bottom-width .5s;*/
    /*	transition-delay: .5s;
        -moz-transition-delay: .5s; !* Firefox 4 *!
        -webkit-transition-delay: .5s; !* Safari 和 Chrome *!
        -o-transition-delay: .5s; !* Opera *!*/
}



.product_item{
    /*width: calc((100% - 4%)/2);*/
    width: 48%;
    float: left;
    margin: 0 4% 5.8% 0;
    /*background-size: 23.1%;*/
    line-height: 1.5;
    background-color: #201f1f;
    position: relative;
}
.product_item:nth-of-type(even){
    margin-right: 0;
}
/*  兼容IE */
.product_item:first-child+.product_item{
    margin-right: 0;
}

.product_item .wimg{
    width: 50%;
    float: left;
    overflow: hidden;
    /*position: relative;*/
}
.product_item .wimg .wmck{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/cp_more.png) no-repeat 50% 40%;
    background-size: 13.5%;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-align: center;
    padding: 45% 0 0 0;
    letter-spacing: 1px;
    transition: all 0.5s;
    transform: scale(0);
}
.product_item .wcot{
    position: absolute;
    background-color: #eeeeee;
    padding: 1%;
    width: 50%;
    right: 0;
    height: 100%;
    line-height: 2;
    text-align: center;
    color: #333333;
    overflow: hidden;
    transition: all 0.3s;
}
.product_item .wcot .wtit{
    border-bottom: 1px dashed #999999;
    /*margin: 0 0 3% 0;*/
    padding: 4.5% 0 4.5% 0;
    position: relative;
    z-index: 2;
}
.product_item .wcot .wpower{
    position: relative;
    z-index: 2;
    height: 7vw;
    line-height: 2.2;
    margin: 10% 6%;
}
.product_item .wcot .wexhaust{
    position: relative;
    z-index: 2;
}
.product_item .wcot:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background-color: #0070c2;
    z-index: 1;
    transition: all 0.2s;
}
.product_item .pro-more{
    position: absolute;
    color: white;
    background-color: #7d7d7d;
    width: 100%;
    bottom: -10%;
    padding: .6% 0;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .5s;
}
.product_item:hover .wimg .wmck{
    /*top: 0;*/
    transform: scale(1);
}
.product_item:hover .pro-more{
    background-color: #0070c2;
}
.product_item:hover .wcot{
    /*color: #ffffff;*/
}
.product_item:hover .wcot .wtit{
    color: #0070c2;
    /*border-bottom: 1px dashed #ffffff;*/
}
/*.product_item:hover .wcot:after{
    top: 0;
}*/
.product_item:hover .wimg img{
    transform: scale(1.1);
}



.CP_detail{
    width: 100%;
    padding-left: 2%;
    margin-top: 2.5%;
}

.PCP_title{
    /*border-bottom: 1px solid #cccccc;*/
    margin: 0 0 3% 0;
    text-align: center;
}
.PCP_title .PCP_titzh{
    font-family: "思源黑体 CN Regular";
    line-height: 2.5;
    color: #333333;
    letter-spacing: 4px;
    position: relative;
}
.PCP_title .PCP_titzh:after{
    position: absolute;
    content: '';
    top: 50%;
    width: 5%;
    height: 3px;
    /*right: 37%;*/
    margin-left: 2.7%;
    background-color: #0070c2;
}
.PCP_title .PCP_titzh:before{
    position: absolute;
    content: '';
    top: 50%;
    /*left: 37%;*/
    margin-left: -8%;
    width: 5%;
    height: 3px;
    background-color: #0070c2;
}
.PCP_title .PCP_titen{
    color: #AAAAAA;
    display: inline-block;
    line-height: 1.1;
    text-transform: uppercase;
}

.CP_detail .CP_mko{
    margin: 0 0 5% 0;
    border-bottom: 1px solid #e5e5e5;
}
.CP_detail .CPmkol{
    width: 40%;
    float: right;
}
.CP_detail .CPmkor{
    width: 48.125%;
    float: left;
    margin: 0 4% 0 0;
    line-height: 2;
}
.CPmkol_list{
    width: 100%;
    margin: 0 0 10% 0;
}

.upperandlower {
    padding: 1% 0 0 0;
}
.upperandlower .next{
    width: 25%;
    background-color: #626262;
    padding: 1.5% 2%;
    color: #ffffff;
    /*font-size: 14px;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #0070c2;
}




.CPmkol_item{
    width: 100%;
    color: #333333;
    text-align: center;
    letter-spacing: 3px;
}


.CPmkor .CPmkor_title{
    color: #333333;
    margin: 7% 0 7% 0;
    padding: 0 0 2% 0;
    line-height: 1.5;
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 7% 0;
    line-height: 2.5;
}
.CPmkor .CPmkor_ys4s{
    color: #333333;
    float: left;
    width: 100%;
}
.CPmkor .CPmkor_intro{
    color: #666666;
    width: 85%;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    font-family: "思源黑体 CN Regular";
    background-color: #0070c2;
    display: inline-block;
    padding: 1% 7%;
    margin: 5% 0 3%;
    letter-spacing: 2px;
    border-radius: 5px;
}
.CPmkor .CPmkor_lxdh{
    color: #333333;
    line-height: 1.8;
}
.CPmkor .CPmkor_lxdh span{
    font-family: "思源黑体 CN Regular";
    margin-left: 5%;
}


.CP_content{
    position: relative;
}
.RmPro{
    margin: 5% 0 0;
}
.RmPro .Rmprolist .probox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
    transition: all .5s;
}
.RmPro .Rmprolist .probox:nth-child(4){
    margin-right: 0;
}
.RmPro .Rmprolist .probox .proimg{
    position: relative;
    overflow: hidden;
}
.RmPro .Rmprolist .probox .protit{
    background-color: #7d7d7d;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 2;
    transition: all .5s;
}
.RmPro .Rmprolist .probox .shadetit{
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    color: white;
    text-align: center;
    padding: 0 5%;
    padding-top: 35%;
    background-color: rgba(0,0,0,.5);
    transition: all .5s;
}
.RmPro .Rmprolist .probox:hover .proimg img{
    transform: scale(1.05);
}
.RmPro .Rmprolist .probox:hover .shadetit{
    top: 0;
}
.RmPro .Rmprolist .probox:hover .protit{
    background-color: #0070c2;
}


.CPc_title{
    line-height: 2;
    text-align: center;
    padding: 0 0 3% 0;
}
.CPc_title .CPc_title_cn{
    color: #333333;
    font-size: 36px;
    position: relative;
    width: 100%;
    letter-spacing: 1px;
}
.CPc_title .CPc_title_cn:after{
    content: '';
    position: absolute;
    width: 22%;
    height: 1px;
    background-color: #333333;
    left: 39%;
    bottom: 0;

}
.CPc_title .CPc_title_cn:before{
    content: '';
    position: absolute;
    width: 4%;
    left: 48%;
    bottom: -1px;
    height: 3px;
    background-color: #0070c2;
    z-index: 2;
}
.CPc_title  .CPc_title_sz{
    color: #0070c2;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;
}
.CPc_title .CPc_title_en{
    color: #999999;
}

.CPc_all{
    width: 100%;
    overflow: hidden;
    padding: 0 0 5% 0;
    line-height: 2;
}
.CPc_all img{
    max-width: 100%;
}


.pub_cate{
    margin: 1% 0;
}
.pub_cate ul li{
    width: 14%;
    float: left;
    display: inline-block;
    margin: 0 3.3% 1% 0;
    text-align: center;
    letter-spacing: 2px;
    background-color: #e5e5e5;
}
.pub_cate ul li a{
    display: block;
    line-height: 3.2;
}
.pub_cate ul li.on{
    background-color: #0070c2;
    color: white;
}
.about_cot{
    margin: 4.5% 0;
}
.about_cot .abtit{
    color: #555555;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 3%;
}
.about_cot .abcot{
    color: #555555;
    line-height: 2;
}
.about_cot .abcot2{
    margin: 2% 0 0;
}
.about_cot .abcot2 .ablt{
    width: 55%;
    float: left;
}
.about_cot .abcot2 .abrt{
    width: 40.3%;
    float: right;
}
.idea_cot,.qyshow_cot{
    margin: 4.5% 0 0;
}
.idea_cot .idea_box{
    width: 31.25%;
    float: left;
    display: inline-block;
    margin: 0 3.1% 3.1% 0;
    transition: all .5s;
    overflow: hidden;
}
.idea_cot .idea_box:hover img{
    transform: scale(1.05);
}
.idea_cot .idea_box:nth-child(3n){
    margin-right: 0;
}
.cert_cot{
    width: 100%;
    padding: 3% 0;
    overflow: hidden;
}
.cert_cot img{
    max-width: 100%;
}

.cert_cot li{
    float: left;
    width: 33%;
    margin: 0 0% 5% 0;
    padding: 0 4.9%;
    display: inline-block;
}
.cert_cot li:nth-child(3n){
    margin-right: 0;
}

.cert_cot .cert_img{
    overflow: hidden;
}
.cert_cot .cert_img:hover img{
    transform: scale(1.02);
}




.qyshow_cot .qyshow_box{
    width: 23.5%;
    float: left;
    display: inline-block;
    margin:  0 2% 2% 0;
    transition: all .5s;
}
.qyshow_cot .qyshow_box:nth-child(4n){
    margin-right: 0;
}
.qyshow_cot .qyshow_box .qy_img{
    overflow: hidden;
}
.qyshow_cot .qyshow_box .qy_tit{
    line-height: 3.5;
    background-color: #959595;
    color: white;
    text-align: center;
    padding: 0 3%;
    transition: all .5s;
}
.qyshow_cot .qyshow_box:hover .qy_img img{
    transform: scale(1.05);
}
.qyshow_cot .qyshow_box:hover .qy_tit{
    background-color: #0070c2;
}
/* 人力资源 */
.job_list{
    border-top: 1px solid #cccccc;
    padding: 0 0 3% 0;
    font-family: "思源黑体 CN Regular";
}
.job_list .dl{
    width: 100%;
    position: relative;
}
.job_list .dl dd{
    position: relative;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    padding: 0 3% 0 5%;
    border-bottom: 1px solid #cccccc;
}
.job_list .dl dd span{
    /*font-size: 28px;*/
}
.job_list .dl dd span:before {
    content: "";
    display: block;
    position: absolute;
    left: 3%;
    top: 35%;
    width: 5px;
    height: 35px;
    background: #0070c2;
}
.job_list .dl dd small{
    position: absolute;
    right: 3%;
    top: 0;
    overflow: hidden;
    display: block;
    color: #333333;
}

.job_list dl dt{
    display: none!important;
    padding: 3% 3% 3% 3%;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.job_list dl dt .txt {
    position: relative;
    background: #eeeeee;
    padding: 2% 2%;
}
.job_list dl dt .txt .text1 {
    position: relative;
    padding: 0 0 30px;
    border-bottom: 1px solid #cccccc;
}
.job_list dl dt .txt .text1 li {
    float: left;
    position: relative;
    width: 25%;
    color: #333;
    overflow: hidden;
    margin: 1% 0;
    padding: 0 10px 0 0;
}
.job_list dl dt .txt .text2 {
    padding: 2% 0%;
    position: relative;
}

.job_list dl dt .txt .text2 li {
    float: left;
    padding: 0 10px 0 0;
    position: relative;
    width: 50%;
}
.job_list dl dt .txt .text2 li *{
    line-height: 2;
    color: #333333;
}
.job_list .active {
    border: 1px solid #cccccc;
    border-bottom: none;
    border-top: none;
}
.job_list .active dt{
    display: block!important;
}




.dropdown-menu{
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999;
    border-radius: 1px;
    top: 100%;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;
}

.xlYiall{
    padding: 35px 3% 35px 0;
}
.xlYiall:before{
    content: "";
    height: 1px;
    width: 100%;
    background-color: #999999;
}
.xlYiall .xlYils{
    float: right;
    color: #eeeeee;
}
.xlYiall .xlYils .xlYia{
    margin: 0 0 0 40px;
    display: inline-block;
}

.xlYicpall{
    padding: 30px 0 30px 0;
    position: relative;
}
.xlYicpall:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #777777;
    top: 70px;
}
.cpxlals{
    width: 10%;
    float: left;
    text-align: center;
    transition:all 0.3s;
}
.cpxlals .cpxlCA{
    margin-bottom: 40px;
    color: #eeeeee;
    transition:all 0.3s;
}
.cpxlals .cpxlCB{
    line-height: 2;
    color: #eeeeee;
}
.cpxlals .cpxlCA:hover,.cpxlals .cpxlCB:hover{
    color: #0070c2;
}